import React, { Component } from 'react'
import { Icon, Button } from 'antd'

export default class TradePageMb extends Component {
  render() {
    return (
      <div className={`rtm-trade-box`}>
        <div className={`rtm-top-bar`}>
          <div className={`rtm-profile-box`}>
            <div className="rtm-img-box"></div>
            <p>vp2016</p>
          </div>

          <div className={`rtm-btn-grp`}>
            <Button>
              <Icon type="question" />
              <span>充值</span>
            </Button>

            <Button>
              <Icon type="question" />
              <span>提现</span>
            </Button>
          </div>
        </div>

        <div className={`cm-notice-box`}>
          <span>公告</span>
          <p>关于开通借记卡支付通道的通知</p>
        </div>

        <div className={`rtm-goods-banner`}>
          <div className={`rtm-active`}>工业银</div>
          <div>工业油</div>
          <div>工业铜</div>
        </div>

        <div className={`rtm-cur-goods-box`}>
          <div className={`rtm-left-box`}>
            <div className={`rtm-goods-name`}>工业银（元／千克）</div>
            <div>
              <span>3503</span>
              <Icon type="up" />
            </div>
          </div>

          <div className={`rtm-right-box`}>
            <div>
              <span>最高：3520</span>
              <span>昨收：3491</span>
            </div>

            <div>
              <span>最低：3479</span>
              <span>开盘：3499</span>
            </div>
          </div>
        </div>
      </div>
    )
  }
}